<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
  <meta http-equiv="Cache-Control" content="no-transform" />
  <meta http-equiv="Cache-Control" content="no-siteapp" />
  <meta name="applicable-device" content="pc,mobile">
  <meta name="keywords" content="java,linux,mysql,spring,springboot,springcloud,zookeeper,dubbo,elasticsearch" />
  <meta name="description" content="微笑对生活可以影响潮湿的心情，抹去不愉快的色彩" />
  <link rel="stylesheet" href="./css/fishleap.min.css" type="text/css" />
  <link rel="shortcut icon" href="./images/favicon.ico" />

  <!-- Begin SEO tag -->
  <title>😀微笑⛳️导航</title>
  <meta property="og:locale" content="zh_CN" />
  <meta property="og:site_name" content="微笑导航" />
  <meta property="og:url" content="http://itzlg.gitee.io/coder-nav" />
  <meta property="og:title" content="微笑导航" />
  <meta property="og:description" content="微笑对生活可以影响潮湿的心情，抹去不愉快的色彩" />
  <link rel="canonical" href="http://itzlg.gitee.io/coder-nav" />
  <!-- End SEO tag -->

  <!-- Global site tag (gtag.js) - Google Analytics -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-158772988-1"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag() { dataLayer.push(arguments); }
    gtag('js', new Date());

    gtag('config', 'UA-158772988-1');
  </script>
</head>

<body data-rsssl=1>
  <div class="header">
    <div class="container">
      <a class="site" href="./index.html">😀微笑导航😀</a>
      <nav class="header-menu">
        <ul>
          <li class=""><a href="./index.html">首页</a></li>
          <li class=""><a href="./common.html">常用</a></li>
          <li class=""><a href="./blog.html">博客</a></li>
          <li class="current-menu-item"><a href="./develop.html">开发</a></li>
          <li class=""><a href="./tools.html">工具</a></li>
          <li class=""><a href="./friend.html">导航</a></li>
        </ul>
      </nav>
    </div>
  </div>
  <!-- header -->

  <div id="content-wrapper">
    <div class="container">

      <div class="nav-cell clearfix">
        <h2> 🏆 Back-End Project
          <!-- <a class="more" href="">更多</a> -->
        </h2>
        <ul class="nav-list">

          <li>
            <a class="nav-item clearfix" href="https://macrozheng.github.io/mall-learning/#/" target="_blank">
              <div class="nav-img"
                style="margin-bottom:40px;background-image: url(./images/index/java10.jpg);">
              </div>
              <div class="nav-name">mall-learning</div>
              <p>mall学习教程，架构、业务、技术要点全方位解析</p>
            </a>
          </li>

          <li>
            <a class="nav-item clearfix" href="https://el-admin.vip/" target="_blank">
              <div class="nav-img"
                style="margin-bottom:40px;background-image: url(./images/index/java11.jpg);">
              </div>
              <div class="nav-name">EL-ADMIN</div>
              <p>基于 springboot 的前后端分离的权限管理系统</p>
            </a>
          </li>

          <li>
            <a class="nav-item clearfix" href="https://github.com/lenve/vhr" target="_blank">
              <div class="nav-img"
                style="margin-bottom:40px;background-image: url(./images/dev/dev12.jpg);">
              </div>
              <div class="nav-name">vhr</div>
              <p>微人事是一个前后端分离的人力资源管理系统</p>
            </a>
          </li>

          <li>
            <a class="nav-item clearfix" href="https://gitee.com/y_project/RuoYi" target="_blank">
              <div class="nav-img"
                style="margin-bottom:40px;background-image: url(./images/dev/dev13.jpg);">
              </div>
              <div class="nav-name">RuoYi</div>
              <p>基于SpringBoot的权限管理系统</p>
            </a>
          </li>

          <li>
            <a class="nav-item clearfix" href="https://github.com/jhipster/generator-jhipster" target="_blank">
              <div class="nav-img"
                style="margin-bottom:40px;background-image: url(./images/dev/dev14.jpg);">
              </div>
              <div class="nav-name">generator-jhipster</div>
              <p>快速生成，开发和部署现代Web应用程序和微服务架构</p>
            </a>
          </li>

          <li>
            <a class="nav-item clearfix" href="https://github.com/google/guava" target="_blank">
              <div class="nav-img"
                style="margin-bottom:40px;background-image: url(./images/dev/dev15.jpg);">
              </div>
              <div class="nav-name">guava</div>
              <p>Google core libraries for Java</p>
            </a>
          </li>

          <li>
            <a class="nav-item clearfix" href="https://bryan31.gitee.io/tlog-website/" target="_blank">
              <div class="nav-img"
                style="margin-bottom:40px;background-image: url(https://gitee.com/itzlg/mypictures/raw/master/img/image-20201121182015642.png);">
              </div>
              <div class="nav-name">TLog</div>
              <p>轻量级的分布式日志标记追踪神器</p>
            </a>
          </li>

          <li>
            <a class="nav-item clearfix" href="https://hutool.cn/docs/#/" target="_blank">
              <div class="nav-img"
                style="margin-bottom:40px;background-image: url(./images/index/java06.jpg);">
              </div>
              <div class="nav-name">Hutool</div>
              <p>A set of tools that keep Java sweet</p>
            </a>
          </li>

          <li>
            <a class="nav-item clearfix" href="https://github.com/alibaba/easyexcel" target="_blank">
              <div class="nav-img"
                style="margin-bottom:40px;background-image: url(./images/dev/dev16.jpg);">
              </div>
              <div class="nav-name">easyexcel</div>
              <p>快速、简单避免OOM的java处理Excel工具</p>
            </a>
          </li>

          <li>
            <a class="nav-item clearfix" href="https://github.com/PanJiaChen/vue-element-admin" target="_blank">
              <div class="nav-img"
                style="margin-bottom:40px;background-image: url(./images/dev/dev17.jpg);">
              </div>
              <div class="nav-name">vue-element-admin</div>
              <p>A magical vue admin</p>
            </a>
          </li>

          <li>
            <a class="nav-item clearfix" href="https://github.com/ColorlibHQ/AdminLTE" target="_blank">
              <div class="nav-img"
                style="margin-bottom:40px;background-image: url(./images/dev/dev18.jpg);">
              </div>
              <div class="nav-name">AdminLTE</div>
              <p>Free admin dashboard template based on Bootstrap 4</p>
            </a>
          </li>

          <li>
            <a class="nav-item clearfix" href="https://github.com/ant-design/ant-design-pro" target="_blank">
              <div class="nav-img"
                style="margin-bottom:40px;background-image: url(./images/dev/dev19.jpg);">
              </div>
              <div class="nav-name">ant-design-pro</div>
              <p>An out-of-box UI solution as a React boilerplate</p>
            </a>
          </li>

          <li>
            <a class="nav-item clearfix" href="https://github.com/iview/iview-admin" target="_blank">
              <div class="nav-img"
                style="margin-bottom:40px;background-image: url(./images/dev/dev20.jpg);">
              </div>
              <div class="nav-name">iview-admin</div>
              <p>Vue 2.0 admin system template based on iView</p>
            </a>
          </li>

        </ul>
      </div>


      <div class="nav-cell clearfix">
        <h2> ⭐️ Awesome Project
          <!-- <a class="more" href="">更多</a> -->
        </h2>
        <ul class="nav-list">

          <li>
            <a class="nav-item clearfix" href="https://github.com/xingshaocheng/architect-awesome" target="_blank">
              <div class="nav-img"
                style="margin-bottom:40px;background-image: url(./images/dev/dev03.jpg);">
              </div>
              <div class="nav-name">architect-awesome</div>
              <p>后端架构师技术图谱</p>
            </a>
          </li>

          <li>
            <a class="nav-item clearfix" href="https://github.com/Snailclimb/awesome-java" target="_blank">
              <div class="nav-img"
                style="margin-bottom:40px;background-image: url(./images/dev/dev00.jpg);">
              </div>
              <div class="nav-name">awesome-java</div>
              <p>Github 上非常棒的 Java 开源项目集合</p>
            </a>
          </li>

          <li>
            <a class="nav-item clearfix" href="https://github.com/toutiaoio/awesome-architecture" target="_blank">
              <div class="nav-img"
                style="margin-bottom:40px;background-image: url(https://gitee.com/itzlg/mypictures/raw/master/img/image-20201121181246797.png);">
              </div>
              <div class="nav-name">awesome-architecture</div>
              <p>架构师技术图谱，助你早日成为架构师</p>
            </a>
          </li>

          <li>
            <a class="nav-item clearfix" href="https://github.com/jobbole/awesome-java-cn" target="_blank">
              <div class="nav-img"
                style="margin-bottom:40px;background-image: url(./images/dev/dev01.jpg);">
              </div>
              <div class="nav-name">awesome-java-cn</div>
              <p>Java资源大全中文版</p>
            </a>
          </li>

          <li>
            <a class="nav-item clearfix" href="https://github.com/jobbole/awesome-java-cn" target="_blank">
              <div class="nav-img"
                style="margin-bottom:40px;background-image: url(https://gitee.com/itzlg/mypictures/raw/master/img/image-20201121181612020.png);">
              </div>
              <div class="nav-name">Halfrost-Field</div>
              <p>Halfrost-Field 冰霜之地</p>
            </a>
          </li>

          <li>
            <a class="nav-item clearfix" href="https://github.com/akullpp/awesome-java" target="_blank">
              <div class="nav-img"
                style="margin-bottom:40px;background-image: url(./images/dev/dev09.jpg);">
              </div>
              <div class="nav-name">awesome-java</div>
              <p>A curated list of awesome frameworks...</p>
            </a>
          </li>

          <li>
            <a class="nav-item clearfix" href="https://github.com/stanzhai/be-a-professional-programmer" target="_blank">
              <div class="nav-img"
                style="margin-bottom:40px;background-image: url(./images/dev/dev04.jpg);">
              </div>
              <div class="nav-name">be-a-professional-programmer</div>
              <p>成为专业程序员路上用到的各种优秀资料、神器及框架</p>
            </a>
          </li>

          <li>
            <a class="nav-item clearfix" href="https://github.com/EbookFoundation/free-programming-books/blob/master/free-programming-books-zh.md" target="_blank">
              <div class="nav-img"
                style="margin-bottom:40px;background-image: url(./images/dev/dev05.jpg);">
              </div>
              <div class="nav-name">free-programming-books</div>
              <p>Freely available programming books</p>
            </a>
          </li>

          <li>
            <a class="nav-item clearfix" href="https://github.com/sindresorhus/awesome" target="_blank">
              <div class="nav-img"
                style="margin-bottom:40px;background-image: url(./images/dev/dev10.jpg);">
              </div>
              <div class="nav-name">awesome</div>
              <p>Awesome lists about all kinds of interesting topics</p>
            </a>
          </li>

          <li>
            <a class="nav-item clearfix" href="https://github.com/justjavac/free-programming-books-zh_CN" target="_blank">
              <div class="nav-img"
                style="margin-bottom:40px;background-image: url(./images/dev/dev11.jpg);">
              </div>
              <div class="nav-name">free-programming-books-zh_CN</div>
              <p>免费的计算机编程类中文书籍</p>
            </a>
          </li>

          <li>
            <a class="nav-item clearfix" href="https://github.com/1c7/chinese-independent-developer" target="_blank">
              <div class="nav-img"
                style="margin-bottom:40px;background-image: url(./images/dev/dev06.jpg);">
              </div>
              <div class="nav-name">chinese-independent-developer</div>
              <p>中国独立开发者项目列表 -- 分享大家都在做什么</p>
            </a>
          </li>

          <li>
            <a class="nav-item clearfix" href="https://github.com/timqian/chinese-independent-blogs" target="_blank">
              <div class="nav-img"
                style="margin-bottom:40px;background-image: url(./images/dev/dev07.jpg);">
              </div>
              <div class="nav-name">chinese-independent-blogs</div>
              <p>中文独立博客列表</p>
            </a>
          </li>

          <li>
            <a class="nav-item clearfix" href="https://github.com/Awesome-Windows/Awesome/blob/master/README-cn.md" target="_blank">
              <div class="nav-img"
                style="margin-bottom:40px;background-image: url(./images/dev/dev08.jpg);">
              </div>
              <div class="nav-name">Awesome</div>
              <p>Windows上优质&精选的最佳应用程序及工具列表</p>
            </a>
          </li>

          <li>
            <a class="nav-item clearfix" href="https://github.com/taojintianxia/github-bookmark" target="_blank">
              <div class="nav-img"
                style="margin-bottom:40px;background-image: url(./images/dev/dev02.jpg);">
              </div>
              <div class="nav-name">github-bookmark</div>
              <p>收集了Github上的优秀工具,框架,知识合集</p>
            </a>
          </li>
          
        </ul>
      </div>    
      

      <div class="nav-cell clearfix">
        <h2>👩‍💻 Front-End Frame
          <!-- <a class="more" href="">更多</a> -->
        </h2>
        <ul class="nav-list">

          <li>
            <a class="nav-item clearfix" href="https://www.w3school.com.cn/" target="_blank">
              <div class="nav-img"
                style="margin-bottom:40px;background-image: url(./images/w3sg.png);">
              </div>
              <div class="nav-name">W3School</div>
              <p>全面的网站建设教程，包含HTML、JS、CSS、SQL等等</p>
            </a>
          </li>

          <li>
            <a class="nav-item clearfix" href="https://www.runoob.com/" target="_blank">
              <div class="nav-img"
                style="margin-bottom:40px;background-image: url(./images/dev/dev21.jpg);">
              </div>
              <div class="nav-name">RUNOOB</div>
              <p>全面的网站建设教程，包含HTML、JS、CSS、SQL等等</p>
            </a>
          </li>

          <li>
            <a class="nav-item clearfix" href="https://cnodejs.org/" target="_blank">
              <div class="nav-img"
                style="margin-bottom:40px;background-image: url(./images/cnd5.png);">
              </div>
              <div class="nav-name">CNODE</div>
              <p>NodeJS专业中文社区</p>
            </a>
          </li>

          <li>
            <a class="nav-item clearfix" href="https://www.bootcdn.cn/" target="_blank">
              <div class="nav-img"
                style="margin-bottom:40px;background-image: url(./images/dev/dev23.jpg);">
              </div>
              <div class="nav-name">BootCDN</div>
              <p>稳定、快速、免费的前端开源项目 CDN 加速服务</p>
            </a>
          </li>

          <li>
            <a class="nav-item clearfix" href="https://cn.vuejs.org/" target="_blank">
              <div class="nav-img"
                style="margin-bottom:40px;background-image: url(./images/vuej.png);">
              </div>
              <div class="nav-name">Vuejs</div>
              <p>国人开发的流行JavaScript框架</p>
            </a>
          </li>

          <li>
            <a class="nav-item clearfix" href="https://zh-hans.reactjs.org/" target="_blank">
              <div class="nav-img"
                style="margin-bottom:40px;background-image: url(./images/reac.png);">
              </div>
              <div class="nav-name">React</div>
              <p>Facebook开源的强大的JavaScript框架</p>
            </a>
          </li>

          <li>
            <a class="nav-item clearfix" href="https://angular.cn/" target="_blank">
              <div class="nav-img"
                style="margin-bottom:40px;background-image: url(./images/angu.png);">
              </div>
              <div class="nav-name">Angularjs</div>
              <p>Google基于TypeScript的开源Web应用程序框架</p>
            </a>
          </li>

          <li>
            <a class="nav-item clearfix" href="https://flutterchina.club/" target="_blank">
              <div class="nav-img"
                style="margin-bottom:40px;background-image: url(./images/flut.png);">
              </div>
              <div class="nav-name">Flutter</div>
              <p>Google开发的移动端跨平台工具包</p>
            </a>
          </li>

          <li>
            <a class="nav-item clearfix" href="https://www.bootcss.com/" target="_blank">
              <div class="nav-img"
                style="margin-bottom:40px;background-image: url(./images/dev/dev24.jpg);">
              </div>
              <div class="nav-name">Bootstrap</div>
              <p>简洁、直观、强悍的前端开发框架，让web开发更迅速、简单</p>
            </a>
          </li>

          <li>
            <a class="nav-item clearfix" href="https://www.iviewui.com/" target="_blank">
              <div class="nav-img"
                style="margin-bottom:40px;background-image: url(./images/dev/dev25.jpg);">
              </div>
              <div class="nav-name">View UI</div>
              <p>一套基于 Vue.js 的高质量 UI 组件库</p>
            </a>
          </li>

          <li>
            <a class="nav-item clearfix" href="https://ant.design/index-cn" target="_blank">
              <div class="nav-img"
                style="margin-bottom:40px;background-image: url(./images/dev/dev26.jpg);">
              </div>
              <div class="nav-name">Ant Design</div>
              <p>企业级产品设计体系，创造高效愉悦的工作体验</p>
            </a>
          </li>

          <li>
            <a class="nav-item clearfix" href="https://www.layui.com/" target="_blank">
              <div class="nav-img"
                style="margin-bottom:40px;background-image: url(./images/dev/dev27.jpg);">
              </div>
              <div class="nav-name">Layui</div>
              <p>经典模块化前端框架</p>
            </a>
          </li>

          <li>
            <a class="nav-item clearfix" href="https://echarts.apache.org/zh/index.html" target="_blank">
              <div class="nav-img"
                style="margin-bottom:40px;background-image: url(./images/dev/dev28.jpg);">
              </div>
              <div class="nav-name">Echarts</div>
              <p>基于 JavaScript 实现的开源可视化库</p>
            </a>
          </li>

          <li>
            <a class="nav-item clearfix" href="http://mockjs.com/" target="_blank">
              <div class="nav-img"
                style="margin-bottom:40px;background-image: url(./images/dev/dev22.jpg);">
              </div>
              <div class="nav-name">Mock</div>
              <p>生成随机数据，拦截 Ajax 请求</p>
            </a>
          </li>


        </ul>
      </div>

      <div class="nav-cell clearfix">
        <h2>💻 Interface Design
          <!-- <a class="more" href="">更多</a> -->
        </h2>
        <ul class="nav-list">
          <li>
            <a class="nav-item clearfix" href="https://www.iconfont.cn/" target="_blank">
              <div class="nav-img"
                style="margin-bottom:40px;background-image: url(./images/zcft.png);">
              </div>
              <div class="nav-name">Iconfont</div>
              <p>国内功能强大且图标众多的免费矢量图标库</p>
            </a>
          </li>

          <li>
            <a class="nav-item clearfix" href="http://www.fontawesome.com.cn/" target="_blank">
              <div class="nav-img"
                style="margin-bottom:40px;background-image: url(./images/f72d.png);">
              </div>
              <div class="nav-name">FontAwesome</div>
              <p>可以在网页中引入的icon图标站</p>
            </a>
          </li>

          <li>
            <a class="nav-item clearfix" href="http://www.qiuziti.com/" target="_blank">
              <div class="nav-img"
                style="margin-bottom:40px;background-image: url(./images/536e.png);">
              </div>
              <div class="nav-name">求字体</div>
              <p>免费的中文字体识别网站</p>
            </a>
          </li>

          <li>
            <a class="nav-item clearfix" href="https://www.myfonts.com/" target="_blank">
              <div class="nav-img"
                style="margin-bottom:40px;background-image: url(./images/9566.png);">
              </div>
              <div class="nav-name">myFonts</div>
              <p>免费的英文字体识别网站</p>
            </a>
          </li>

          <li>
            <a class="nav-item clearfix" href="https://www.logaster.cn/" target="_blank">
              <div class="nav-img"
                style="margin-bottom:40px;background-image: url(./images/e46c.png);">
              </div>
              <div class="nav-name">Logaster</div>
              <p>简单免费的中文在线Logo制作工具</p>
            </a>
          </li>

          <li>
            <a class="nav-item clearfix" href="https://looka.com/" target="_blank">
              <div class="nav-img"
                style="margin-bottom:40px;background-image: url(./images/c7ac.png);">
              </div>
              <div class="nav-name">Looka</div>
              <p>利用人工智能和机器学习来生成Logo</p>
            </a>
          </li>

          <li>
            <a class="nav-item clearfix" href="https://colors.ichuantong.cn/" target="_blank">
              <div class="nav-img"
                style="margin-bottom:40px;background-image: url(./images/cs64.png);">
              </div>
              <div class="nav-name">苍色</div>
              <p>中国传统颜色手册</p>
            </a>
          </li>

          <li>
            <a class="nav-item clearfix" href="http://zhongguose.com/" target="_blank">
              <div class="nav-img"
                style="margin-bottom:40px;background-image: url(./images/845e.png);">
              </div>
              <div class="nav-name">中国色</div>
              <p>中国传统颜色</p>
            </a>
          </li>

          <li>
            <a class="nav-item clearfix" href="https://huaban.com/" target="_blank">
              <div class="nav-img"
                style="margin-bottom:40px;background-image: url(./images/hban.png);">
              </div>
              <div class="nav-name">花瓣</div>
              <p>灵感找寻网站，大量的素材</p>
            </a>
          </li>

          <li>
            <a class="nav-item clearfix" href="https://www.zcool.com.cn/" target="_blank">
              <div class="nav-img"
                style="margin-bottom:40px;background-image: url(./images/zaku.png);">
              </div>
              <div class="nav-name">站酷</div>
              <p>中国人气设计师互动平台</p>
            </a>
          </li>
          
          <li>
            <a class="nav-item clearfix" href="http://www.bootcss.com/p/websafecolors/" target="_blank">
              <div class="nav-img"
                style="margin-bottom:40px;background-image: url(./images/dev/dev29.jpg);">
              </div>
              <div class="nav-name">WEB安全色</div>
              <p>216 Web安全色</p>
            </a>
          </li>


        </ul>
      </div>

    </div>
  </div>

  <!-- footer -->
  <footer class="footer">
    <div class="container clearfix">
      <div class="copy"> © 2020 <a href="https://fishleap.top" target="_blank">fishleap</a></div>

      <div class="link">
        <a href="https://github.com/itzhanglg/coder-nav" target="_blank">关于本站</a>
        <a href="http://itzlg.gitee.io/java-development-notes/#/" target="_blank">友情链接</a>
      </div>
    </div>
  </footer>
</body>

</html>